import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';
import { Rose } from '@ant-design/plots';

const DemoRose = () => {
  const data = [
    {
      type: '南昌大学',
      value: 27,
    },
    {
      type: '南昌航空大学',
      value: 25,
    },
    {
      type: '江西财经大学',
      value: 23,
    },
    {
      type: '江西理工大学',
      value: 18,
    },
    {
      type: '华东交通大学',
      value: 20,
    },
    {
      type: '江西师范大学',
      value: 16,
    },
  ];
  const config = {
    data,
    xField: 'type',
    yField: 'value',
    seriesField: 'type',
    radius: 0.9,
    legend: {
      position: 'top-left',
      itemName: {style: {fontSize: 18}},
    },
  };
  return <Rose {...config} />;
};

export default DemoRose
